<?xml version="1.0" encoding="UTF-8"?>
<html xst:version="0.2"
        xmlns="http://www.w3.org/1999/xhtml"
        xmlns:xst    = "http://code.google.com/p/xstag/ns/2011/"
        xmlns:feed   = "http://code.google.com/p/xstag/ns/example/feed/"
        xmlns:widget = "http://code.google.com/p/xstag/ns/example/widget/"
        >
<xst:import href="feed-lib/feeds.xstag"/>
<xst:import href="widget-lib/widgets.xstag"/>
<xst:variable name="feed">
  <feed:get>http://feeds.feedburner.com/TechCrunch</feed:get>
</xst:variable>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <title>
    <feed:title feed="{$feed}"/> with the widget taglib
  </title>
  <widget:init/>
  <style type="text/css">
    <xst:text><![CDATA[
body {{
    font-family: sans-serif;
}}
]]></xst:text>
  </style>
</head>
<body>
  <h1 style="font-size: large;">
    <feed:title feed="{$feed}"/> with the widget taglib
  </h1>
  <widget:accordion-list>
    <feed:list feed="{$feed}" xst:handles="$uri, $title, $description">
        <widget:accordion-summary>{$title}</widget:accordion-summary>
        <widget:accordion-detail>
          <p>Source: <a href="{$uri}">{$uri}</a><br/>
            <feed:trim>{$description}</feed:trim>
          </p>
        </widget:accordion-detail>
    </feed:list>
  </widget:accordion-list>
</body>
</html>
